<template>
    <div class="manage_content">
        <div class="search">
            <el-button type="text" @click="add">新增</el-button>
            <el-button type="text" @click="del" :disabled="delVal.length<1">删除</el-button>

            <!-- 新增 编辑-->
            <el-dialog :title="formtitle" :visible.sync="dialogFormVisible">
                <el-form :rules="rules" ref="form" :model="form" :label-width="formLabelWidth">
                    <el-form-item label="反馈内容" prop="pf_content">
                        <el-input type='textarea' v-model="form.pf_content" auto-complete="off"></el-input>
                    </el-form-item>
                    <el-form-item label="上传图片">
                        <input ref="pic" type="file">
                        <el-button type="text" @click="uploadImg">上传图片</el-button>
                        <img :src="form.pf_file_url" alt="">
                        <p class="el-form-item__error" v-if="!form.pf_file_url && img">请上传图片</p>
                    </el-form-item>
                    <el-form-item>
                        <el-button type="primary" @click="submit('form')">确定</el-button>
                        <el-button @click="cancel('form')">取消</el-button>
                    </el-form-item>
                </el-form>
            </el-dialog>
        </div>
        <div class="content_table">
            <table-element :tableData='tableData' @msg='acquire'></table-element>
            <!-- <el-pagination v-if="tableData.data.length>0" :page-sizes="pageSizes" :page-size="page.page_limit" layout="sizes, prev, pager, next" :total="pageTotal" @size-change="handleSizeChange" @current-change='changePage'>
            </el-pagination> -->
        </div>
    </div>
</template>

<style scoped>
.manage_content {
    padding: 20px;
}

.search {
    padding-bottom: 20px;
}

.el-pagination {
    padding: 20px;
}

content_table.el-pagination--small.el-pager li {
    /* font: 1em sans-serif; */
    font-size: 20px;
}

img {
    display: block;
    width: 300px;
}
</style>

<script src='../../directive/content/itemfeedback.js'></script>


